<style>


/* start of sits.css */ 

body                            {font-family: 'Open Sans', sans-serif; font-size:13px;}
/*a:link                          {font-size: 13px;/*100%;*/}*/
.pagetitle                      {font-family: 'Open Sans', sans-serif; font-size: 13px;/*90%;*/ color: #652d7e;}
.pagemsg                        {font-family: 'Open Sans', sans-serif; font-size: 13px;/*75%;*/}
.tabletitle1, .tabletitleajax   {font-family: 'Open Sans', sans-serif; font-size: 13px;/*75%;*/}
.tabletitle2                    {font-family: 'Open Sans', sans-serif; font-size: 13px;/*75%;*/}
.tablemsg1                      {font-family: 'Open Sans', sans-serif; font-size: 13px;/*75%;*/}
.tablemsg2                      {font-family: 'Open Sans', sans-serif; font-size: 13px;/*75%;*/}
.recordcount                    {font-family: 'Open Sans', sans-serif; font-size: 13px;/*75%;*/}
.colhead1                       {font-family: 'Open Sans', sans-serif; font-size: 13px;/*75%;*/}
.colhead2                       {font-family: 'Open Sans', sans-serif; font-size: 13px;/*75%;*/}
.rowhead1                       {font-family: 'Open Sans', sans-serif; font-size: 13px;/*75%;*/}
.rowhead2                       {font-family: 'Open Sans', sans-serif; font-size: 13px;/*75%;*/}
.data1                          {font-family: 'Open Sans', sans-serif; font-size: 13px;/*75%;*/}
.data1over                      {font-family: 'Open Sans', sans-serif; font-size: 13px;/*75%;*/}
.data2                          {font-family: 'Open Sans', sans-serif; font-size: 13px;/*75%;*/}
.data2over                      {font-family: 'Open Sans', sans-serif; font-size: 13px;/*75%;*/}
.data1nobg                      {font-family: 'Open Sans', sans-serif;}
.data2nobg                      {font-family: 'Open Sans', sans-serif;}
.data1 .rowhead1                {font-size:13px;/*100%;*/}
.data1over .rowhead1            {font-size:13px;/*100%;*/}
.data2 .rowhead2                {font-size:13px;/*100%;*/}
.data2over .rowhead2            {font-size:13px;/*100%;*/}
.portaldesc                     {font-family: 'Open Sans', sans-serif; font-size: 13px;/*70%;*/}
.portalcontitle                 {font-family: 'Open Sans', sans-serif; font-size: 13px;/*75%;*/}
H3                              {font-family: 'Open Sans', sans-serif; FONT-SIZE: 13px;/*100%;*/}
.portallink                     {font-family: 'Open Sans', sans-serif; font-size:13px;/*100%;*/}
.portallink a:link              {font-size: 13px;/*75%;*/}
.portallink a:visited           {font-size: 13px;/*75%;*/}
.portallink a:hover             {font-size: 13px;/*75%;*/
background-color: #FFF;}
.portallink a:active            {font-size: 13px;/*75%;*/}
.bgformin                       {font-family: 'Open Sans', sans-serif; font-size: 13px;/*75%;*/}
.bgformsub                      {font-family: 'Open Sans', sans-serif; font-size: 13px;/*75%;*/}
html                            {height: 100%; border: 0px; padding: 0px; margin: 0px;} 
body                            {height: 100%; margin: 0px; padding: 0px; border: 0px;} 
input                           {font-family: 'Open Sans', sans-serif;	font-size:13px;/*100%;*/}
select                          {font-family: 'Open Sans', sans-serif; font-size:13px;/*100%;*/}
#sitsheaderstrap                {font-family: 'Open Sans', sans-serif;}
#sitsheadercontrollinks         {font-size: 13px;/*70%;*/}
#sitsloggedinmessage            {font-size: 13px;/*75%;*/}
#sitsheaderdatetext             {font-size: 13px;/*70%;*/}
p.sitstopofpage                 {font-size: 13px;/*70%;*/}
.sitsfootertext                 {font-size: 10px;/*65%;*/}
.sitsfootertext a               {font-size: 10px;/*65%;*/}

/* accessibility and CSS guidance thanks to www.alistapart.com and www.ericmeyer.com */
#sitspagetabs a                 {font-size: 13px;/*65%;*/}
#sitspagetabs2 a                {font-size: 13px;/*65%;*/}
.sitspagetabs-vert              {font-family: 'Open Sans', sans-serif;	 font-size:13px;/*70%;*/	}
.sitspagetabs-vert1             {font-family: 'Open Sans', sans-serif;	 	 font-size:13px;/*65%;*/	}
#sitspagetabs-vert2             {font-family: 'Open Sans', sans-serif;	 font-size:13px;/*80%;*/	}
h1.sitsportalpagetitle          {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;/*70%;*/
	color: #652d7e;
	border-bottom: 1px solid #652d7e;
}
p.sitsportalpagedesc            {font-family: 'Open Sans', sans-serif;	font-size:13px;/*60%;*/} 
p.sitsportalhelp                {font-family: 'Open Sans', sans-serif;	font-size:13px;/*75%;*/}
#sitspagetitlesection           {font-size:13px;/*90%;*/} 
h1.sitspagetitle                {font-family: 'Open Sans', sans-serif;	font-size: 13px;/*80%;*/}
p.sitspagedesc                  {font-family: 'Open Sans', sans-serif;	font-size:13px;/*90%;*/}
p.sitspagehelp                  {font-family: 'Open Sans', sans-serif;	font-size:13px;/*75%;*/}
.sitscontitlesection            {font-family: 'Open Sans', sans-serif;}
.sitscontitle                   {font-size:13px;/*80%;*/}
p.sitscontrols                  {font-size: 13px;/*70%;*/ /* percentage of the size specifiied above */}
.sitsconhelp                    {font-family: 'Open Sans', sans-serif;	font-size:13px;/*60%;*/	}
.sitscophelp                    {font-family: 'Open Sans', sans-serif;	font-size:13px;/*60%*/}
.sitscondescription             {font-family: 'Open Sans', sans-serif;	font-size:13px;/*60%*/}
p.sitscopicon                   {font-size:13px;/*65%*/}
.sitsnewcontext                 {font-size:13px;/*75%*/}
.sitsnewcoptext                 {font-size:13px;/*75%*/}
ul.sitscop                      {font-size:13px;/*75%*/}
p.sitscop                       {font-size:13px;/*75%*/}
.sitsmessagetitlesection        {font-family: 'Open Sans', sans-serif;}
h2.sitsmessagetitle             {font-size:13px;/*75%*/}
p.sitsmessagecode               {font-size:13px;/*65%*/}
p.sitsmessagecontent            {font-family: 'Open Sans', sans-serif; font-size:13px;/*75%*/}

.sitstablegrid caption, 
.sitstablevertical caption, 
.sitstablehorizontal caption, 
.sitstableoutline caption       {font-family: 'Open Sans', sans-serif;	font-size:16px;/*75%*/}
.sitstabledescriptioncell       {font-family: 'Open Sans', sans-serif;}
P.sitstabledescription          {font-size: 13px;/*75%;*/}
P.sitsrecordcount               {font-size: 13px;/*90%;*/ /* percentage of the size specifiied above */}
P.sitsrecordpaging              {font-size:13px;/*90%;*/ /* percentage of the size specifiied above */}

.sitstablegrid caption,
.sitstablegrid th, 
.sitstablegrid td,
.sitstablevertical caption, 
.sitstablevertical th, 
.sitstablevertical td,
.sitstablehorizontal caption, 
.sitstablehorizontal th,
.sitstablehorizontal td,
.sitstableoutline caption,
.sitstableoutline th,
.sitstableoutline td            {font-family: 'Open Sans', sans-serif; font-size:16px;/*75%*/}


.actionstitle p               {font-size: 10px;/*65%;*/}

/* MISD START */ 
/* MISD update ---------- Header (Home Page) -------------------------------------------------------------------------------- */

#misdHeaderWrap 
{
	background: #652d7e url(https://evision.sunderland.ac.uk/pgonline/misd/images/evision_my_grad.gif) repeat-x;
	width: 100%; 
	height: 82px; 
	border-top: 1px solid #7f508a; 
}
#misdHeaderLogo 
{
	display: block; 
	text-indent: -1000em; 
	float: left; 
	background: url(https://evision.sunderland.ac.uk/pgonline/misd/images/evision_my_banner.gif) no-repeat left top; 
	width: 346px; 
	height: 80px; 
}

/* MISD update ---------- Site footer -------------------------------------------------------------------------------- */

#misdFooterWrap 
{
	background: #652d7e; 
	width: 100%; 
	height: 60px;
	
}
#misdFooterContent 
{
	width: 100%; 
	padding: 6px;
	color: #FFFFFF;
}

misdFootAbBottomLeft
{
	position:fixed;
	left: 10px;
	bottom:10px;
	
	position:fixed;
	bottom:10px;
	right:10px;
}

/* Site footer */

#misdFooterContent a:hover {color: #ca0083;}
#misdFooterContent a {color: #ffffff;}
#misdFooterContent ul {clear: left;}
#misdFooterContent ul.socialLinks {list-style-type: none;}
#misdFooterContent ul.socialLinks img {padding-right: .5em; vertical-align:middle;}
#misdFooterContent ul.socialLinks li {float: left; color: #7c3a85; font-size: 1.2em; margin-right: 1em;}
#misdFooterContent ul.otherLinks li {float: left; color: #7c3a85; font-size: 1.2em; margin-right: 1.8em;}
#misdFooterContent ul.otherLinks li:first-child {list-style-type: none;}

/* MISD update ---------- was td.sitsheadercell3 -------------------------------------------------------------------------------- */

td.misdLeft /* Mid content left section */ {
	background: #FFF;
	border-right: 1px solid #652d7e;
	background-image: url(https://evision.sunderland.ac.uk/pgonline/misd/images/page-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-size: 1% 300px;
	
}

/* MISD update ---------- was td.sitsheadercell4 -------------------------------------------------------------------------------- */

td.misdRight /* Mid content right section */
{
	border-top:0px solid #08295C;
	border-right:0px solid #08295C;
	background: #fff;
}

td.sitsheadercell4 /* Mid content right section */ {
/*	background: #FAFAFA; */
	background: #FFF;
}

td.portallink /* Mid content right section */ {
	background: #FFF;
}

#misdMenuLeftTabs-vert {
	width: 160px;
	height:100%;
}

.misdMenuLeftTabs-vert {
	padding: 0 0 0 0;
	margin-top: 0px;
	margin-left: 1.4em;
	margin-right: 1.4em;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
}

.misdMenuLeftTabs-vert ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.misdMenuLeftTabs-vert li.menutitle {
	padding: 6px;
	font-style:italic;
}

.misdMenuLeftTabs-vert li.activetab {
	background-color: #bc97cc;
	font-size: 13px;
}

.misdMenuLeftTabs-vert li.normaltab {
    font-size: 13px;
}

.misdMenuLeftTabs-vert li {
	list-style: none;	
	border-bottom: 1px dotted #BCBFC4;
	margin-top: 0px;
	padding-top: 0px;
	margin: 0;
	font-size: 13px;
}

.misdMenuLeftTabs-vert li a {
	display: block;
	padding: 6px;
	color: #000000;
	text-decoration: none;
	width: 100%;
	font-size: 13px;
}

.misdMenuLeftTabs-vert li a:link {
	text-decoration: none;
	color: #000000;
	font-weight:600;
	font-size: 13px;
}		

.misdMenuLeftTabs-vert li a:hover {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #652d7e;
	font-size: 13px;
}

.misdMenuLeftTabs-vert li a:visited {
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}

.misdMenuLeftTabs-vert li a:active {
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}

html>body .misdMenuLeftTabs-vert li a {
	width: auto;
	font-size: 13px;
}

/* MISD update ------------------------------------------------------------------------------------------------------------------ */

/* Data Table Styles */

/***************************************************************/
/* OVERALL DATA TABLE WIDTH		 */
/***************************************************************/

.sitstablegrid, 
.sitstablevertical, 
.sitstablehorizontal, 
.sitstableoutline {
	width:100%; /* overall default table width */
	margin-bottom:20px; /* separator space below each table */
	
}

/***************************************************************/
/* TABLE TITLES: caption (table title) definitions - general */
/***************************************************************/


.sitstablegrid caption, 
.sitstablevertical caption, 
.sitstablehorizontal caption, 
.sitstableoutline caption
{	
	
	font-family: 'Open Sans', sans-serif;
	font-size:13px/*75%*/;	
	color: #FFFFFF;
	padding:6px;
	font-weight: bold;
	text-align: left;
	background-color: #652d7e;
}

/* Note: Default image used as background of table tiles; 
	
	if you are changing the default colour scheme 
	please either edit the tabletitle_bg_blue.jpg image used as default 
	table tile background to one of your own which matches your new colour scheme
	or else simply remove that background-image attribute 
	and set the background-color attribute to match your colour scheme
	
*/

/***************************************************************/
/* TABLE DESCRIPTIONS: SITS table descriptive text style */
/***************************************************************/

.sitstabledescriptioncell {
	font-family: 'Open Sans', sans-serif;
	font-size:95%;
	background-image: none;
	background-color: #DCDCDC;
}

.sitstabledescriptioncell P {
	margin-bottom:0px;
}

p.sitstabledescription {
	color: #652d7e;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
}

P.sitsrecordcount {
	font-size: 75%; /* percentage of the size specifiied above */ 
	color: #666;
	font-weight: normal;
	margin-top:4px;
	padding-top:4px;
	float:left;
}

P.sitsrecordpaging {
	font-size: 75%; /* percentage of the size specifiied above */ 
	color: #652d7e;
	font-weight: normal;
	margin-top:4px;
	padding-top:4px;
	text-align:right;
	border-top:1px dashed #D3D3D3; /* #ccc; */
}

/***************************************************************/
/* GENERIC TABLE CELL DEFINITIONS: font size, padding */
/***************************************************************/

.sitstablegrid caption,
.sitstablegrid th, 
.sitstablegrid td,
.sitstablevertical caption, 
.sitstablevertical th, 
.sitstablevertical td,
.sitstablehorizontal caption, 
.sitstablehorizontal th,
.sitstablehorizontal td,
.sitstableoutline caption,
.sitstableoutline th,
.sitstableoutline td {
	font-family: 'Open Sans', sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	font-size:13px/*75%*/;
	padding: 4px;
	vertical-align:middle;
}

/* remove padding where required e.g. if form submit button in cell */
td.sitsnopadding {
	padding:0px;
	margin:0px;
}

/***************************************************************/
/* TABLE ROW AND COLUMN HEADINGS */
/***************************************************************/

.sitstablegrid th, 
.sitstablevertical th, 
.sitstablehorizontal th,
.sitstableoutline th {
	background-color: #FFFFFF;
	padding-right: 5px; /* required to keep right aligned TH row headings from edge of cell */
	color:#652d7e; 
}

th.rowhead1
{
	background-color: #FFFFFF;
	padding-right: 5px; /* required to keep right aligned TH row headings from edge of cell */
	color:#652d7e;
}

/* alignment of all row and column headings - overrides default centering of TH tag*/

.sitstableoutline th sitsrowhead {
	text-align: right;
	background-color: #D3D3D3;
}
.sitstableoutline th sitscolhead {
	text-align: left;
}

/***************************************************************/
/* TABLE BORDERS AND BACKGROUND COLOURS */
/***************************************************************/

.sitstablegrid, 
.sitstablevertical, 
.sitstablehorizontal, 
.sitstableoutline {
	background-color: #FFFFFF; /* background shade applied to all cells */
	border: 1px solid #D3D3D3; /* #cccccc; /* table outline box */
	border-collapse: collapse;
}

.sitsrowhighlight {
	background-color: #DCDCDC; /* #F8F8F8 background shade applied to alternate TRs */
}

.sitstabledescriptioncell
{
	border-bottom: 1px solid #D3D3D3; /* #cccccc; */
}

/* specific table gridline definitions */
/* set generic table grid line widths and colours here - normally all three set to same width and colour */

.sitstablegrid th, 
.sitstablegrid td {
	border: 1px solid #D3D3D3; /* #08295C; /* draws grid lines for sitstablegrid style class */
}

.sitstablevertical th, 
.sitstablevertical td {
	border-right: 1px solid #D3D3D3; /* #BCBFC4; /* draws vertical lines for sitstablevertical style class */
}

.sitstablehorizontal th, 
.sitstablehorizontal td,
.sitstablecontent {
	border-top: 1px solid #D3D3D3; /* #BCBFC4; /* draws horizontal lines for sitstablehorizontal style class */
}

/* MISD update ------------------------------------------------------------------------------------------------------------------ */
/* the following classes format table elements - numbers 1 and 2 allow for 2 levels of table */

.tabletitle1, .tabletitleajax 
{
	font-family: 'Open Sans', sans-serif;
	font-size:13px/*75%*/;	
	color: #FFFFFF;
	padding:1px 1px 1px 6px ;
	font-weight: bold;
	text-align: left;
	background-color: #652d7e; 
}

.tabletitle2 
{
	font-family: 'Open Sans', sans-serif;
	font-size:13px/*75%*/;	
	font-weight: bold; 
	color: #000000; 
background-color: #DCDCDC;}

/* used on any optional extra descriptive text inside each data table (just below table title) */
.tablemsg1 
{
	font-family: 'Open Sans', sans-serif;
	background-color: #DCDCDC;
	color: #652d7e;
	font-weight: normal;
	font-size:13px/*75%*/;	
	text-align: left;
	border-bottom: 1px solid #BCBFC4;
}
.tablemsg2 
{
	font-family: 'Open Sans', sans-serif;
	font-size:13px/*75%*/;	
	color: #666; 
background-color: #ebebeb}

/* used on TD tag for record count message */
.recordcount {
	font-family: 'Open Sans', sans-serif;
	font-size:13px/*75%*/;	
	color: #666;
	background-color: #FFFFFF;
}

/* bgborder is the colour of the data table border. Applied to 'border' table TABLE tag */
.bgborder 
{
	background-color: #D3D3D3;
}

.actionstitle 
{
	font-family: 'Open Sans', sans-serif;
	font-size:10px/*75%*/;	
	background-repeat: no-repeat;
	background-position: top right;
	color: #652d7e;
}

.tteT
{
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size:13px/*75%*/;	
	border-style: solid; 
	border-bottom-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	
	border-bottom-width: 1px; 
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	
	padding-top: 20px;
	padding-bottom:20px;
	margin-top:0px;
	margin-bottom:0px;
}

.tteTenr
{
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	background-color: #FFF;
	border-style: solid; 
	border-bottom-color: #FF8A00;
	border-top-color: #FF8A00;
	border-left-color: #FF8A00;
	border-right-color: #FF8A00;
	border-bottom-width: 1px; 
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	padding:10px;
	margin:0px;
}


.tteTR 
{
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #652d7e;
	margin-top:0px;
	margin-bottom:0px;
}

.tteTDq 
{
	border-bottom-style: dotted;
	border-width: 1px;
	border-color: #652d7e;
	padding: 8px;
	margin: 0px;
	text-align:right;
	font-size:13px;
	font-weight:700;
	color: #652d7e;
	width:30%;
	vertical-align: top; 
	min-height:24px;
	height:24px;
}

.tteTDqNB 
{
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
	padding: 6px;
	margin: 0px;
	text-align:right;
	font-size:13px;
	font-weight:700;
	color: #652d7e;
	width:25%;
	vertical-align: bottom; 
	min-height:24px;
	height:24px;
}

.tteTDqL 
{
	border-bottom-style: dotted;
	border-width: 1px;
	border-color: #652d7e;
	padding: 6px;
	margin: 0px;
	text-align: left;
	font-size: 13px;
	font-weight: 700;
	color: #652d7e;
	vertical-align: top; 
	min-height: 24px;
	height: 24px;
	width: 25%;
}

.tteTDa 
{
	
	padding: 6px;
	margin: 0px;
	text-align:left;
	font-size:13px;
	font-weight:400;
	text-indent: 0px;
	vertical-align: middle; 
	min-height:24px;
	height:24px;
}

.tteTDenrolnow 
{
	
	text-align: left;
	vertical-align:top;
	
}

.tteTDenrolprogress 
{
	border-top-style:dotted;
	border-left-style: solid;
	border-width: 1px;
	border-bottom-color: #FFFFFF;
	border-top-color: #FF8A00;
	border-left-color: #FF8A00;
	border-right-color: #FFFFFF;
	padding:10px;
	vertical-align:top;
	width:250px;
} 

.tteTDborderO
{
	border-style: solid;
	border-color: #FF9900;
	border-width: 2px;
	margin: 0px;
	padding: 10px;
	
}

.tteTDborderP 
{
	border-width: 1px;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-bottom-color: #652d7e;
	border-left-color: #E5E5E5;
	
	padding: 6px;
	margin: 0px;
	text-align:left;
	font-size:13px;
	text-indent: 0px;
	vertical-align: top; 
	min-height:24px;
	height:24px;
}


.tteTDsubTopBottom td,
.tteTDsubTopBottom th
{
	
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-width: 1px;
	border-bottom-color: #DCDCDC;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	
	margin: 0px;
	padding: 4px;
	
	
}

.tteSAMt
{
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
	background-color:#FFFFFF; 
	margin: 0px;
	padding: 20px;
	
}

.tteSAMtr th
{
	font-size: 13px;
	border-style: solid;
	border-width: 1px;
	border-color: #FF9900;
	
	background-color:#fafafa; 
	
	margin: 0px;
	padding: 4px;
}

.tteSAMtr td
{
	font-size:13px;
	border-style: solid;
	border-width: 1px;
	border-color: #FF9900;
	
	background-color:#FFFFFF; 
	
	margin: 0px;
	padding: 4px;
	vertical-align: top;
}



.tteSAMnull th
{
	font-size:13px;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
	
	background-color:#fafafa; 
	
	margin: 0px;
	padding: 4px;
}

.tteSAMnull td {
	font-size:13px;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
	background-color:#FFFFFF; 
	margin: 0px;
	padding: 4px;
	vertical-align: top;
}

.tteTDsubTopBottom:hover {
	background-color:#efefef;
	border-left-color: #efefef;
	border-right-color: #efefef;
}

/* Restore control formatting - RJO 20140528
input[type="radio"],
input[type="checkbox"]     
{
	font-size:13px;
	border-color:#fff; 
} 
input[type="text"]      
{
	COLOR: #000000; 
	BACKGROUND-COLOR: #fafafa; 
	border-style: solid; 
	border-bottom-color: #652d7e;
	border-top-color: #FFFFFF;
	border-left-color: #652d7e;
	border-right-color: #FFFFFF;
	
	border-bottom-width: 1px; 
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	
	text-indent: 4px;
	vertical-align: middle; 
	height: 24px;
	
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	font-weight:400;
	text-align: left;
	
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	
	-moz-padding-end: 3px;
	-webkit-padding-end: 3px;
	text-indent: 5px;
	margin: 4px;
} 

input[type="password"]     
{
	COLOR: #000000; 
	BACKGROUND-COLOR: #fafafa; 
	border-style: solid; 
	border-bottom-color: #652d7e;
	border-top-color: #FFFFFF;
	border-left-color: #652d7e;
	border-right-color: #FFFFFF;
	
	border-bottom-width: 1px; 
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	
	text-indent: 4px;
	vertical-align: middle; 
	height: 24px;
	
	font-family: "Sans-serif", Arial;
	font-size:13px;
	text-align: left;
	
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	
	-moz-padding-end: 3px;
	-webkit-padding-end: 3px;
	text-indent: 5px;
	margin: 4px;
}

.input,
.select,
.forminmand,
.forminfree {
	COLOR: #000000; 
	BACKGROUND-COLOR: #fafafa; 
	border-style: solid; 
	border-bottom-color: #652d7e;
	border-top-color: #FFFFFF;
	border-left-color: #652d7e;
	border-right-color: #FFFFFF;
	
	border-bottom-width: 1px; 
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	
	text-indent: 4px;
	vertical-align: middle; 
	height: 24px;
	
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	font-weight:400;
	text-align: left;
	
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	
	-moz-padding-end: 3px;
	-webkit-padding-end: 3px;
	text-indent: 5px;
	margin: 4px;
}

.forminnonedit {
	COLOR: #000000; 
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:13px;
	BACKGROUND-COLOR: transparent; 
	border-style: none; 
	border-bottom-color: transparent;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-width: 1px; 
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	margin: 4px;
}

.forminmand:hover,
.forminfree:hover,
.input:hover,
.select:hover       {background-color:#efefef;}

.formsubfree            {font-size:13px;}
input[type="button"]    {font-size:13px;} 

label.forminfree
{
	font-size:13px;
	border-width:0px; 
	background:none;
	padding:5px;
} */

a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {cursor: pointer;}

/* The following is the only rule you need to customize your tip look */
.floating-tip {
	position:relative;
	padding:10px;
	background-color:#FFFFCC;
	
	font-size:13px;
	font-weight:400;
	color: #000000;
	border-width:1px;
	border-style:dotted;
	border-color:#7F7F7F;
	-moz-box-shadow: 5px 5px 7px #BFBFBF;
	-webkit-box-shadow: 5px 5px 7px #BFBFBF;
	-o-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

.postit {
	position:relative;
	padding:50px;
	background-color:#FFFFCC;
	width:500px;
	font-size:13px;
	font-weight:400;
	color: #000000;
	border-width:1px;
	border-style:dotted;
	border-color:#7F7F7F;
	
	background-image: url(https://evision.sunderland.ac.uk/pgonline/misd/images/stamp.png);
	background-repeat: no-repeat;
	background-position: right top;
	
	-moz-box-shadow: 5px 5px 7px #BFBFBF;
	-webkit-box-shadow: 5px 5px 7px #BFBFBF;
	box-shadow: 5px 5px 7px #BFBFBF;
	
	-o-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

.postit h1 
{
	margin-left:-50px;
	margin-top:-50px;
	padding:10px;
	border-bottom-width:1px;
	border-bottom-color:#7F7F7F;
	border-bottom-style:dotted;
	width:450px;
	font-size:13px;
	font-weight:600;
}

/* .postit input[type="text"]  
{
	font-size:13px/*100%*/;	
	font-weight:400;
}

.postit input[type="submit"]  
{
	font-size:13px;
	font-weight:400;
} */

.stepBlockOrange 
{
	margin:3px;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	font-weight:600;
}

.stepBlockOrange:hover
{
/*	-o-transform:scale(1.25);
	-webkit-transform:scale(1.25);
	-moz-transform:scale(1.25);
	cursor:pointer;  */
}

.stepBlockGrey
{
	margin:3px;
	font-size:13px;
}

.stepBlockTick
{
	margin:3px;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	font-weight:600;
	width:60px;
	background-image: url(https://evision.sunderland.ac.uk/pgonline/misd/images/LineTick.png);
	background-size:20px 20px;
	background-repeat: no-repeat;
	background-position: 24px 0px;
}

.stepBlockWaiting
{
	margin:3px;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	font-weight:600;
}

.tickGreen
{
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	padding:5px;
	background-image: url(https://evision.sunderland.ac.uk/pgonline/misd/images/boxTickGreen.png);
	position:absolute;
	background-repeat: no-repeat;
	background-position: right center;
} 

#fTip 
{
	vertical-align:middle;
}

/* UOS colours 
	
	Rust Orange #BD4F19 
	Navy #003359 
	
	Purple 'My' #652d7e
	Purple Grad light #8233FF
	Purple 519 #54264F
	Red 185 C #E00034
	Orange #FF8A00
	Green #77BB44
	
	Grey 20% #
	
	Gainsboro	 DCDCDC 220 220 220
	LightGrey	 D3D3D3 211 211 211
	Silver	 C0C0C0 192 192 192
	DarkGray	 A9A9A9 169 169 169
	Gray	 808080 128 128 128
	DimGray	 696969 105 105 105
	LightSlateGray	 778899 119 136 153
	SlateGray	 708090 112 128 144
	DarkSlateGray	 2F4F4F 47 79 79
	Black	 000000 0 0 0
	
	
	Post it Yellow #F3E88E
	
*/

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* Post 8.7.0 upgrade - add elements for alternate cssmenu system parameter */
/* Added 14 Feb 2014 - MISD - RJO                                           */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

		#cssmenu {
				width: 200px;
				}
		
		#cssmenu > ul {
				
				}
	
		#cssmenu > ul li {
				}

		#cssmenu > ul li.activetab a {
				color: #000;
				background-color: #bc97cc;
				font-family: 'Open Sans', sans-serif;
				font-size: 13px;
				font-weight: 400;
				border-top: 0px;				
				border-bottom: 1px dotted #BCBFC4;	
				padding: 10px;
				width:160px;}

		#cssmenu > ul li.activetab > a:hover {
				color: #fff;
				background-color: #652d7e;
				font-family: 'Open Sans', sans-serif;
				font-size: 13px;
				font-weight: 400;
				border-top: 0px;				
				border-bottom: 1px dotted #BCBFC4;	
				padding: 10px;
				width:160px;}

		#cssmenu > ul li.normaltab a {
				color: #000;
				background-color: transparent;
				font-family: 'Open Sans', sans-serif;
				font-size: 13px;
				font-weight: 400;
				border-top: 0px;				
				border-bottom: 1px dotted #BCBFC4;
				padding: 10px;
				width:160px;}

		#cssmenu > ul li.normaltab > a:hover {
				color: #fff;
				background-color: #652d7e;
				font-family: 'Open Sans', sans-serif;
				font-size: 13px;
				font-weight: 400;
				border-top: 0px;				
				border-bottom: 1px dotted #BCBFC4;	
				padding: 10px;
				width:160px;}

		td.misdLeft {
				border-right: 1px dotted #652d7e;
				width:160px;}

		#cssmenu > ul li:first-child>a {
				border-top: 1px dotted #652d7e;}

		#cssmenu > ul li:last-child>a {
				border-bottom: 1px dotted #652d7e;}

</style>